/* 
    Document   : estilo
    Created on : 1/05/2011, 03:11:11 PM
    Author     : Enrique
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    
        background:  url("../resources/fondo.png");        
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;

}
            #logo img{
                position: relative;
                background-color: #ffff00;
                opacity: 0.8;
                width: 400px;
                height: 75px;
                left: 480px;
                border: solid 5px greenyellow;
                border-radius:50px;
                padding-top: 20px;
                margin-top: -70px;
            }
            #general{
                background-color: azure;
                opacity: 0.8;
                border: solid 9px blue;
                border-radius:25px;
                width: 900px;
                height: 500px;
                position: absolute;   /*static por default*/
                top: 40px;
                left: 200px;
                padding-top: 40px;  /*del borde al elemento para adentro*/

            }
            #hora{
                position: relative;
                border-radius:25px;
                top: -50px;
                left: 815px;
                background-color: cornflowerblue;
                opacity: 0.8;
            }
            #menu ul{
                list-style-type: none;
                position: relative;
                top: -55px;
                left: 60px;
            }
             #menu ul li {
                display: inline;

            }
            .lista{
                border: solid 4px blue;
                border-radius:10px;
                background-color: #ff99ff;
                font-size: 20px;
                font-family: "Century Gothic";
                color: black;
                margin-left: 5px;
                padding: 3px;
            }
            .lista:hover{
                border: solid 4px blue;
                border-radius:10px;
                background-color: #99ff99;
                font-size: 20px;
                font-family: "Century Gothic";                
                color: black;
                margin-left: 5px;
                padding: 3px;
                cursor: pointer;
                
            }
            #linea{
                position: relative;
                width: 75%;
                top: -80px;
            }
            #fondoColor{
                position: relative;
                top: -95px;
                border: dotted 1px blue;
                border-radius:4px;
                background-color: #99ff99;
                font-size: 12px;
                font-family: "Century Gothic";
                color: black;
                margin-left: 5px;
                padding: 2px;
                cursor: pointer;

            }
            #formDatos{
                display: none;
                background-color: #99ccff;
                border-radius:5px;
                width: 500px;
                height: 250px;
                position: relative;
                top: -10px;
                left: 20%;
                font-size: 14px;
                font-family: "Century Gothic";                
                color: black;
            }
            #formDatos form table tr td textarea, input{
            border-radius:10px;
            }
            #formArticulos{             
                background-color: #99ccff;
                border-radius:10px;
                width: 520px;
                height: 280px;
                position: relative;
                top: -10px;
                left: 20%;
                font-size: 14px;
                font-family: "Century Gothic";
                color: black;
            }
            #formArticulos form table tr td{
               padding: 5px;
            }
            #formArticulos form table tr td textarea, input{
            border-radius:5px;
            }

            .orilla{
                position: relative;
                top: 15px;
                left: 10px;
                border-right-style: solid;
            }

            .imagenArticulo{
                position: absolute;
                top: 10px;
                left: 280px;
            }

